<template>
  <div>
    <a-card :bordered="false">
      <a-tabs v-model="activeKey">
        <a-tab-pane key="1">
          <span slot="tab">
            <a-icon type="bulb" />
            诊断告警信息
          </span>
          <diagnosis modelType="f010104" v-if="activeKey === '1'" />
        </a-tab-pane>

        <a-tab-pane key="2">
          <span slot="tab">
            <a-icon type="setting" />
            告警通知方式设置
          </span>
          <notice modelType="f010104" v-if="activeKey === '2'" />
        </a-tab-pane>

        <a-tab-pane key="3">
          <span slot="tab">
           <a-icon type="schedule" />
            告警策略设置
          </span>
          <policy modelType="f010104" v-if="activeKey === '3'" />
        </a-tab-pane>

        <a-tab-pane key="4">
          <span slot="tab">
            <a-icon type="usergroup-add" />
            告警联系人设置
          </span>
          <contacts modelType="f010104" v-if="activeKey === '4'" />
        </a-tab-pane>
      </a-tabs>
    </a-card>
  </div>
</template>

<script>
import Notice from './Notice'
import Diagnosis from "./Diagnosis";
import Policy from "./Policy";
import Contacts from "./Contacts";
export default {
  name: "F010104",
  components: {
    Notice,
    Diagnosis,
    Policy,
    Contacts,
  },
  data() {
    return {
      activeKey: "1",
    };
  },
  created() {},
  methods: {},
};
</script>